<template>
  <div class="as">
    <div class="xinxi">学员信息</div>
    <el-row :gutter="20">
      <el-table
        :data="myarr"
        style="width: 100%; "
      >
        <el-table-column
          prop="userid"
          label="工号"
          width="120"
          align="center"
        />
        <el-table-column
          prop="wechat"
          label="姓名"
          width="150"
          align="center"
        />
        <el-table-column prop="tel" label="手机" width="150" align="center" />
        <el-table-column
          prop="pay"
          label="消费金额"
          width="180"
          align="center"
        />
        <el-table-column
          prop="level"
          label="会员等级"
          width="120"
          align="center"
        />
      </el-table>
    </el-row>
  </div>
</template>

<script>
export default {
  props: ["myarr"]
};
</script>
<style lang="scss"  scoped>
.xinxi {
  line-height: 50px;
  padding-left: 30px;
  position: relative;
  &::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 20px;
    background: #3e8dca;
    left: 15px;
    top: 15px;
    border-radius: 2px;
  }
}
</style>